<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>lesstest</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="https://www.eveningwater.com/static/image/icon.jpg" type="image/x-icon">
</head>

<body>
    <header>
        <input type="button" class="btn-big" value="放大图片">
        <input type="button" class="btn-small" value="缩小图片">
        <input type="button" class="btn-box" value="创建弹出框">
    </header>
    <section>
        <div class="content-img"></div>
        <input type="button" class="btn-title" value="女帝的婚纱照">
    </section>
    <div class="popbox">
        <div class="popbox-inner">
            <h1>这只是弹出框标题</h1>
            <button class="btn-close">&times;</button>
            <p>这是弹出框内容</p>
            <img src="img/baixing.jpg" alt="baixing">
        </div>
    </div>
</body>
<!--js部分-->
<script src="js/index.js"></script>

</html>